<template>
    <div class="tag">
        <ul>
            <li><span>个性推荐</span></li>
            <li><span>歌单</span></li>
            <li><span>排行榜</span></li>
            <li><span>歌手</span></li>
            <li><span>最新音乐</span></li>
        </ul>
    </div>
</template>
<style lang="less" scoped>
    .tag{
        width: 100%;
        height: 50px;
        position: sticky;
        margin-left: 1px;
        background-color: white;
        z-index: 98;
    }
    ul{
    display: flex;
    width: 30%;
    height: 3.0625rem;
    line-height: 3.0625rem;
    min-width: 500px;
    z-index: 100;
    }
    ul li{
        display: inline-block;
        list-style: none;
        flex: 1;
        text-align: center;
        cursor: pointer;
    }
</style>
<script>
export default {
    name:'CoomTag',
    data() {
        return {
            
        }
    },
}
</script>